@charset "UTF-8";
.main {
  width: 1190px;
  margin: 0 auto;
}

body {
  font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  color: #666;
  background-color: #f4f4f4;
}

/* header 头部 开始 */
header .head1 {
  border-bottom: 1px solid #ddd;
  background-color: #e3e4e5;
}

header .head1 .h {
  height: 30px;
  line-height: 30px;
  color: #999;
}

header .head1 .h ul li.dropdown {
  position: relative;
  z-index: 21;
}

header .head1 .h ul li a.hov:hover {
  color: #e33333;
}

header .head1 .h .hlist1 li {
  float: left;
}

header .head1 .h .hlist1 li a.txt1 {
  height: 28px;
  line-height: 28px;
  padding: 0px 7px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
  border: 1px solid #e3e4e5;
  color: #999;
}

header .head1 .h .hlist1 li a.txt1 i#i1 {
  font-size: 14px;
  color: #f10215;
  margin-right: 4px;
}

header .head1 .h .hlist1 li .drop {
  left: 0;
  width: 300px;
  padding: 10px;
  top: 30px;
  line-height: 24px;
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}

header .head1 .h .hlist1 li .drop .adrbox .adressbox .adress {
  overflow: hidden;
}

header .head1 .h .hlist1 li .drop .adrbox .adressbox .adress .item {
  float: left;
  width: 60px;
  padding: 2px 0;
}

header .head1 .h .hlist1 li .drop .adrbox .adressbox .adress .item a {
  float: left;
  padding: 0 8px;
  color: #999;
}

header .head1 .h .hlist1 li .drop .adrbox .adressbox .adress .item a:hover {
  background-color: #f4f4f4;
  color: #e33333;
}

header .head1 .h .hlist1 li .drop .adrbox .adressbox .adress .item a.selected {
  background-color: #f10215;
  color: #fff;
}

header .head1 .h .hlist1 li .drop .edition {
  margin: 10px 0 10px 10px;
}

header .head1 .h .hlist1 li .drop .edition .crossing {
  width: 262px;
  height: 0;
  border-bottom: 1px dotted #eee;
}

header .head1 .h .hlist1 li .drop .edition p {
  margin: 9px 0;
  color: #8f8f8f;
}

header .head1 .h .hlist1 li .drop .edition .arealist {
  overflow: hidden;
}

header .head1 .h .hlist1 li .drop .edition .arealist li {
  float: left;
  width: 145px;
  height: 26px;
  line-height: 26px;
}

header .head1 .h .hlist1 li .drop .edition .arealist li a {
  color: #999;
  display: block;
  overflow: hidden;
}

header .head1 .h .hlist1 li .drop .edition .arealist li a div {
  float: left;
  width: 120px;
  font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
}

header .head1 .h .hlist1 li .drop .edition .arealist li a .tubiao {
  float: left;
  position: relative;
  top: 7px;
  margin-right: 8px;
  width: 15px;
  height: 10px;
  border: 1px solid transparent;
  background-repeat: no-repeat;
}

header .head1 .h .hlist1 li .drop .edition .arealist li a .site1 {
  background-position: 0 0;
  height: 12px;
  margin-top: -1px;
  background-image: url(../images/globalsite.png);
}

header .head1 .h .hlist1 li .drop .edition .arealist li a .site2 {
  background-image: url(../images/globalsite.png);
  border: 1px solid #ebebeb;
  background-position: -20px 0;
}

header .head1 .h .hlist1 li .drop .edition .arealist li a .site3 {
  background-image: url(../images/globalsite.png);
  border: 1px solid #ebebeb;
  background-position: 0 -17px;
}

header .head1 .h .hlist1 li .drop .edition .arealist li a .site4 {
  background-image: url(../images/globalsite.png);
  border: 1px solid #ebebeb;
  background-position: -40px 0;
}

header .head1 .h .hlist1 li .drop .edition .arealist li a .site5 {
  background-image: url(../images/globalsite.png);
  border: 1px solid #ebebeb;
  background-position: -20px -17px;
}

header .head1 .h .hlist1 li .drop .edition .arealist li a:hover {
  color: #e33333;
}

header .head1 .h .hlist1 .dropdown:hover .hov {
  padding-bottom: 2px;
  border-color: #ccc;
  border-bottom: none;
  background-color: #fff;
}

header .head1 .h .hlist2 li.shu {
  overflow: hidden;
  margin: 11px 5px 0;
  width: 1px;
  height: 10px;
  background-color: #ccc;
}

header .head1 .h .hlist2 li {
  float: left;
  z-index: 21;
}

header .head1 .h .hlist2 li a.de1 {
  color: #999;
}

header .head1 .h .hlist2 li a.de2 {
  color: #e33333;
}

header .head1 .h .hlist2 li .dt {
  padding: 0px 7px;
  height: 28px;
  line-height: 28px;
}

header .head1 .h .hlist2 li .dt a {
  color: #999;
}

header .head1 .h .hlist2 li .dt a.a1 {
  color: #f00;
}

header .head1 .h .hlist2 li .dt a.a1:hover {
  color: #e33333;
}

header .head1 .h .hlist2 li .dt i.i2 {
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 10px;
  width: 12px;
  height: 12px;
  line-height: 12px;
}

header .head1 .h .hlist2 li .ddt {
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
  border: 1px solid #e3e4e5;
  padding-right: 20px !important;
}

header .head1 .h .hlist2 li .mobiletxt {
  width: 60px;
  text-align: center;
}

header .head1 .h .hlist2 li .erweiimg {
  position: absolute;
  top: 35px;
  left: 0;
  width: 76px;
  height: 76px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

header .head1 .h .hlist2 li .erweiimg div {
  margin: 5px auto;
  width: 66px;
  height: 66px;
  background: #f6f6f6 url(../images/erweima.png) 50% no-repeat;
}

header .head1 .h .hlist2 li .erweiimg::before {
  content: "";
  position: absolute;
  display: block;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border: 5px solid transparent;
  border-bottom-color: #fff;
}

header .head1 .h .hlist2 .myjd .drop {
  left: 0;
  width: 280px;
  display: none;
  position: absolute;
  top: 30px;
  line-height: 24px;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}

header .head1 .h .hlist2 .myjd .drop .top {
  padding: 10px 0 10px 15px;
  overflow: hidden;
}

header .head1 .h .hlist2 .myjd .drop .top .left {
  float: left;
  width: 126px;
}

header .head1 .h .hlist2 .myjd .drop .top .right {
  float: left;
  width: 126px;
}

header .head1 .h .hlist2 .myjd .drop .top .item a {
  color: #999;
}

header .head1 .h .hlist2 .myjd .drop .top .item a:hover {
  color: #e33333;
}

header .head1 .h .hlist2 .myjd .drop .bottom {
  border-top: 1px solid #f1f1f1;
}

header .head1 .h .hlist2 .myjd:hover .chan {
  padding-bottom: 2px;
  border-color: #ccc;
  border-bottom: none;
  background-color: #fff;
}

header .head1 .h .hlist2 .business .drop {
  left: 0;
  width: 140px;
  padding: 10px 0 10px 15px;
  top: 30px;
  line-height: 24px;
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}

header .head1 .h .hlist2 .business .drop .businessinner .item {
  display: inline-block;
  width: 56px;
  white-space: nowrap;
}

header .head1 .h .hlist2 .business .drop .businessinner .item a {
  color: #999;
}

header .head1 .h .hlist2 .business .drop .businessinner .item a:hover {
  color: #e33333;
}

header .head1 .h .hlist2 .business .drop .businessinner .itemlast {
  width: 112px;
}

header .head1 .h .hlist2 .business:hover .chan {
  padding-bottom: 2px;
  border-color: #ccc;
  border-bottom: none;
  background-color: #fff;
}

header .head1 .h .hlist2 .customer .drop {
  right: 0;
  width: 174px;
  padding: 10px 0;
  top: 30px;
  line-height: 24px;
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
}

header .head1 .h .hlist2 .customer .drop .client {
  padding-left: 15px;
  font-weight: 700;
  color: #666;
}

header .head1 .h .hlist2 .customer .drop .item-business {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px dotted #eee;
  padding-left: 15px;
  font-weight: 700;
  color: #666;
}

header .head1 .h .hlist2 .customer .drop .item {
  display: inline-block;
  width: 70px;
  padding-left: 15px;
}

header .head1 .h .hlist2 .customer .drop .item a {
  color: #999;
}

header .head1 .h .hlist2 .customer .drop .item a:hover {
  color: #e33333;
}

header .head1 .h .hlist2 .customer:hover .chan {
  padding-bottom: 2px;
  border-color: #ccc;
  border-bottom: none;
  background-color: #fff;
}

header .head1 .h .hlist2 .sitenav .drop {
  right: -84px;
  width: 1188px;
  padding: 15px 0;
  top: 30px;
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
  line-height: 24px;
}

header .head1 .h .hlist2 .sitenav .drop dl {
  float: left;
  width: 255px;
  padding-left: 20px;
  border-left: 1px solid #eee;
}

header .head1 .h .hlist2 .sitenav .drop dl dt {
  margin-bottom: 5px;
  font-weight: 700;
  color: #666;
}

header .head1 .h .hlist2 .sitenav .drop dl dd {
  overflow: hidden;
}

header .head1 .h .hlist2 .sitenav .drop dl dd .item {
  overflow: hidden;
  float: left;
  width: 85px;
  white-space: nowrap;
}

header .head1 .h .hlist2 .sitenav .drop dl dd .item a {
  color: #999;
}

header .head1 .h .hlist2 .sitenav .drop dl dd .item a:hover {
  color: #e33333;
}

header .head1 .h .hlist2 .sitenav .drop .dl1 {
  border-left: none;
  width: 340px;
}

header .head1 .h .hlist2 .sitenav:hover .chan {
  padding-bottom: 2px;
  border-color: #ccc;
  border-bottom: none;
  background-color: #fff;
}

header .head1 .h .hlist2 .mobile {
  z-index: 20;
}

header .head1 .h .hlist2 .mobile .drop {
  display: none;
  position: absolute;
  left: auto;
  right: 0;
  top: 30px;
  width: 190px;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-bottom: 3px solid #60575a;
}

header .head1 .h .hlist2 .mobile .drop .erweiitem {
  position: relative;
  z-index: 5;
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
}

header .head1 .h .hlist2 .mobile .drop .erweiitem .imgbox {
  position: absolute;
  left: 5px;
  top: 14px;
  width: 74px;
  height: 74px;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
}

header .head1 .h .hlist2 .mobile .drop .erweiitem .imgbox img {
  width: 70px;
  height: 70px;
  margin: 2px 0 0 2px;
}

header .head1 .h .hlist2 .mobile .drop .erweiitem .infobox {
  margin: 0 10px 0 86px;
  min-height: 70px;
}

header .head1 .h .hlist2 .mobile .drop .erweiitem .infobox .hh {
  color: #666 !important;
  font-size: 12px;
  line-height: 17px;
  font-weight: bold;
}

header .head1 .h .hlist2 .mobile .drop .erweiitem .infobox .p1 {
  margin: 3px 0;
  line-height: 14px;
  color: #f10214;
}

header .head1 .h .hlist2 .mobile .drop .erweiitem .infobox .p2 {
  overflow: hidden;
  height: 25px;
}

header .head1 .h .hlist2 .mobile .drop .erweiitem .infobox .p2 a {
  float: left;
  margin-right: 2px;
  width: 25px;
  text-indent: -999px;
  color: #999;
  overflow: hidden;
  height: 25px;
  background-image: url(../images/mobile-app.png);
}

header .head1 .h .hlist2 .mobile .drop .erweiitem .infobox .p2 .app1 {
  background-position: 0 0;
}

header .head1 .h .hlist2 .mobile .drop .erweiitem .infobox .p2 .app2 {
  background-position: 0 -26px;
}

header .head1 .h .hlist2 .mobile .drop .erweiitem .infobox .p2 .app3 {
  background-position: 0 -52px;
}

header .head1 .h .hlist2 .mobile .drop::before {
  content: "";
  position: absolute;
  display: block;
  top: -9px;
  margin-left: -5px;
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  border: 5px solid transparent;
  border-bottom-color: #fff;
  border-color: transparent transparent #fff;
  left: 154px;
}

header .head2 {
  background: #fff;
  border-bottom: 1px solid #ddd;
}

header .head2 .h2 {
  z-index: 11;
  height: 140px;
}

header .head2 .h2 .logobox {
  z-index: 2;
  left: 0;
  top: 10px;
  width: 190px;
  height: 120px;
  background-color: #fff;
}

header .head2 .h2 .logobox .logo {
  width: 100%;
  height: 100%;
}

header .head2 .h2 .logobox .logo a {
  display: block;
  width: 190px;
  height: 120px;
  background: white;
}

header .head2 .h2 .logobox .logo a img {
  display: block;
  height: 120px;
  margin: 0px auto;
  width: 100%;
}

header .head2 .h2 .searchbox {
  z-index: 1;
  height: 60px;
}

header .head2 .h2 .searchbox .form {
  left: 260px;
  top: 25px;
  width: 546px;
  height: 32px;
  border: 2px solid #e2231a;
  background: #fff;
}

header .head2 .h2 .searchbox .form .txt {
  left: 0;
  padding: 2px 44px 2px 17px;
  width: 425px;
  height: 26px;
  border: 1px solid transparent;
  line-height: 26px;
  font-size: 12px;
  top: 0;
  outline: none;
  color: #989898;
}

header .head2 .h2 .searchbox .form input {
  background: transparent;
  left: 0;
  padding: 2px 44px 2px 17px;
  width: 425px;
  height: 26px;
  border: 1px solid transparent;
  line-height: 26px;
  font-size: 12px;
  color: #333;
  top: 0;
  outline: none;
}

header .head2 .h2 .searchbox .form .photo {
  right: 75px;
  top: 10px;
  width: 19px;
  height: 15px;
  overflow: hidden;
}

header .head2 .h2 .searchbox .form .photo span {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 14px;
  font-size: 20px;
  text-align: center;
  font-family: iconfont, sans-serif;
  color: #9f9f9f;
  cursor: pointer;
}

header .head2 .h2 .searchbox .form .photo span.icon1 {
  font-size: 16px;
}

header .head2 .h2 .searchbox .form .photo a {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #666;
}

header .head2 .h2 .searchbox .form .photo:hover .icon1 {
  color: #c81623;
}

header .head2 .h2 .searchbox .form .btn {
  border-radius: 0;
  right: 0;
  width: 58px;
  height: 32px;
  line-height: 32px;
  border: none;
  background-color: #e1251b;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  top: 0;
  outline: none;
  transition: background 0.2s ease;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}

header .head2 .h2 .searchbox .form .btn i.icon2 {
  font-size: 18px;
}

header .head2 .h2 .searchbox .form .btn:hover {
  background-color: #c81623;
}

header .head2 .h2 .searchbox .cartbtn {
  right: 230px;
  top: 25px;
  z-index: 21;
}

header .head2 .h2 .searchbox .cartbtn .cart {
  width: 130px;
  height: 34px;
  background-color: #fff;
  text-align: center;
  line-height: 34px;
  border-color: #eee;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
  border: 1px solid #e3e4e5;
}

header .head2 .h2 .searchbox .cartbtn .cart .i1 {
  margin-right: 13px;
  color: #e1251b;
  transition: color 0.2s ease;
  font-weight: 7s00;
}

header .head2 .h2 .searchbox .cartbtn .cart a {
  color: #e1251b;
  transition: color 0.2s ease;
}

header .head2 .h2 .searchbox .cartbtn .cart .i2 {
  position: absolute;
  top: 1px;
  left: 29px;
  right: auto;
  display: inline-block;
  padding: 1px 3px;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  background-color: #e1251b;
  border-radius: 7px;
  min-width: 12px;
  text-align: center;
}

header .head2 .h2 .searchbox .cartbtn:hover .cart {
  border: 1px solid #c81623;
}

header .head2 .h2 .seartxtbox {
  overflow: hidden;
  left: 260px;
  top: 65px;
  width: 550px;
  height: 20px;
  line-height: 20px;
}

header .head2 .h2 .seartxtbox a {
  float: left;
  margin-right: 10px;
  white-space: nowrap;
  color: #999;
}

header .head2 .h2 .seartxtbox a:hover {
  color: #c81623;
}

header .head2 .h2 .hnavbox {
  overflow: hidden;
  left: 203px;
  bottom: 0;
  height: 40px;
  padding-top: 20px;
}

header .head2 .h2 .hnavbox .spacer {
  overflow: hidden;
  width: 0;
  height: 13px;
}

header .head2 .h2 .hnavbox ul li {
  margin-left: 1px;
  float: left;
}

header .head2 .h2 .hnavbox ul li a {
  position: relative;
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
  color: #333;
  margin: 0 11px;
  transition: color 0.2s ease;
}

header .head2 .h2 .hnavbox ul li a:hover {
  color: #c81623;
}

header .head2 .h2 .hnavbox ul li.big a {
  font-weight: 700;
  color: #e1251b;
}

header .head2 .h2 .null {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 190px;
  height: 120px;
}

/* header 头部 结束 */
/* banner 开始 */
section.banner {
  background-color: #f4f4f4;
}

section.banner .bancon {
  z-index: 9;
  margin-bottom: 30px;
}

section.banner .bancon .line1 {
  z-index: 1;
  height: 480px;
  background-color: #f4f4f4;
}

section.banner .bancon .line1 .conhe {
  float: left;
  height: 480px;
  margin-right: 10px;
}

section.banner .bancon .line1 .left {
  width: 190px;
}

section.banner .bancon .line1 .left .cate {
  position: relative;
  z-index: 3;
}

section.banner .bancon .line1 .left .cate .typemenu {
  overflow: hidden;
  padding: 10px 0;
  height: 450px;
  background-color: #fefefe;
  color: #636363;
  margin-top: 10px;
}

section.banner .bancon .line1 .left .cate .typemenu li {
  overflow: hidden;
  height: 25px;
  line-height: 25px;
  padding-left: 18px;
}

section.banner .bancon .line1 .left .cate .typemenu li a {
  font-size: 14px;
  color: #333;
}

section.banner .bancon .line1 .left .cate .typemenu li a:hover {
  color: #c81623;
}

section.banner .bancon .line1 .left .cate .typemenu li.active {
  background-color: #d9d9d9;
}

section.banner .bancon .line1 .left .cate .typebox {
  width: 998px;
  top: 0px;
  display: none;
  position: absolute;
  left: 191px;
  min-height: 468px;
  border: 1px solid #f7f7f7;
  background-color: #fff;
  -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
}

section.banner .bancon .line1 .left .cate .typebox .typeitem {
  display: none;
  padding: 20px 0 10px;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft {
  float: left;
  width: 800px;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .ttop {
  overflow: hidden;
  padding-left: 20px;
  height: 24px;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .ttop a {
  cursor: pointer;
  float: left;
  margin-right: 10px;
  padding: 0 10px;
  height: 24px;
  background-color: #333;
  line-height: 24px;
  color: #fff;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .ttop a .i3 {
  margin-left: 5px;
  font-size: 12px;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .ttop a:hover {
  background-color: #c81623;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .tbottom {
  overflow: hidden;
  padding: 10px 0 0 20px;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .tbottom dl {
  position: relative;
  padding-left: 80px;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .tbottom dl a:hover {
  color: #c81623;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .tbottom dl dt {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 6px;
  width: 70px;
  text-align: right;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .tbottom dl dt a {
  color: #333;
  font-weight: 700;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .tbottom dl dt .i4 {
  font-size: 12px;
  margin-left: 5px;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .tbottom dl dd {
  overflow: hidden;
  padding: 5px 0;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tleft .tbottom dl dd a {
  float: left;
  margin: 3px 0;
  padding: 0 7px;
  height: 16px;
  line-height: 16px;
  white-space: nowrap;
  color: #666;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tright {
  float: left;
  width: 198px;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tright .tytop {
  margin: auto;
  width: 168px;
  font-size: 0;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tright .tytop a {
  overflow: hidden;
  display: inline-block;
  width: 83px;
  height: 35px;
  margin: 0 0 1px 1px;
  background-color: #e7e7e7;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tright .tytop a img {
  width: 83px;
  height: 35px;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tright .tybottom {
  margin: 10px auto 0;
  width: 168px;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tright .tybottom a {
  display: block;
  margin-bottom: 1px;
  height: 134px;
  background-color: #e7e7e7;
}

section.banner .bancon .line1 .left .cate .typebox .typeitem .tright .tybottom a img {
  width: 168px;
  height: 134px;
}

section.banner .bancon .line1 .middle {
  width: 790px;
}

section.banner .bancon .line1 .middle .screen {
  height: 470px;
  margin-top: 10px;
  overflow: hidden;
}

section.banner .bancon .line1 .middle .screen .focus {
  z-index: -1;
  height: 100%;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

section.banner .bancon .line1 .middle .screen .focus .slider {
  width: 100%;
  display: inline-block;
}

section.banner .bancon .line1 .middle .screen .focus .slider .slideleft {
  display: inline-block;
  margin-right: 10px;
  width: 590px;
  height: 470px;
  overflow: hidden;
  background: none !important;
  background-color: #eee !important;
  border-color: #eee !important;
}

section.banner .bancon .line1 .middle .screen .focus .slider .slideright {
  width: 190px;
  vertical-align: top;
  display: inline-block;
  height: 100%;
}

section.banner .bancon .line1 .middle .screen .focus .slider .slideright .slideitem {
  height: 150px;
  display: block;
  margin-bottom: 10px;
  background: none !important;
  background-color: #eee !important;
  border-color: #eee !important;
}

section.banner .bancon .line1 .middle .screen .focus::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
  left: 0;
  top: 0;
  z-index: 20;
  -webkit-animation: skeletonLoading 2s ease-in-out infinite;
  animation: skeletonLoading 2s ease-in-out infinite;
  content: "";
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider {
  width: 100%;
  display: inline-block;
  position: relative;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .leftwrapper {
  width: 590px;
  margin-right: 10px;
  float: left;
  overflow: hidden;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .leftwrapper .slider .wrapperlist {
  overflow: hidden;
  height: 474px;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .leftwrapper .slider .wrapperlist ul.sliderlist {
  opacity: 1;
  width: 590px;
  height: 100%;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .leftwrapper .slider .wrapperlist ul.sliderlist li {
  float: left;
  width: 590px;
  position: absolute;
  opacity: 1;
  z-index: 1;
  display: none;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .leftwrapper .slider .wrapperlist ul.sliderlist li a {
  display: inline-block;
  margin-right: 10px;
  width: 590px;
  height: 470px;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .leftwrapper .slider .wrapperlist ul.sliderlist li a img {
  display: block;
  width: 100%;
  height: 100%;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .leftwrapper .slider .numlist {
  z-index: 2;
  margin-left: 0 !important;
  left: 30px;
  bottom: 20px;
  font-size: 0;
  text-align: center;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .leftwrapper .slider .numlist li {
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  float: left;
  position: relative;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .leftwrapper .slider .numlist li.active {
  width: 9px;
  height: 9px;
  top: -3px;
  left: 0px;
  border: 3px solid rgba(133, 0, 0, 0.1);
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .leftwrapper .slider .numlist li.active::before {
  content: " ";
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  border-radius: 50%;
  background-color: white;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper {
  width: 190px;
  float: left;
  overflow: hidden;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper .leftbtn,
section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper .rightbtn {
  display: none;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper .wrapperlist {
  overflow: hidden;
  height: 470px;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper .wrapperlist .sliderlist {
  opacity: 1;
  width: 190px;
  height: 470px;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper .wrapperlist .sliderlist li {
  float: left;
  position: absolute;
  width: 190px;
  height: 470px;
  left: 0px;
  z-index: 1;
  display: none;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper .wrapperlist .sliderlist li div {
  width: 190px;
  vertical-align: top;
  display: inline-block;
  height: 100%;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper .wrapperlist .sliderlist li div a {
  height: 150px;
  display: block;
  margin-bottom: 10px;
  position: relative;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper .wrapperlist .sliderlist li div a img {
  width: 100%;
  height: 100%;
  position: relative;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper .wrapperlist .sliderlist li div a::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: white;
  opacity: 0;
  visibility: hidden;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .rightwrapper .wrapperlist .sliderlist li a:hover img {
  opacity: 0.8;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .wrapper .slider {
  height: 470px;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .wrapper .slider button.leftbtn {
  left: 0;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .wrapper .slider button.leftbtn .i1 {
  left: -3px;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .wrapper .slider button.rightbtn {
  right: 0;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .wrapper .slider button.rightbtn .i1 {
  right: -3px;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .wrapper .slider .slidebtn {
  position: absolute;
  top: 50%;
  border-radius: 0;
  width: 25px;
  height: 35px;
  line-height: 35px;
  background-color: #d9d9d9;
  background-color: rgba(0, 0, 0, 0.15);
  margin-top: -20px;
  font-size: 20px;
  z-index: 2;
  border: none;
  outline: none;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .wrapper .slider .slidebtn .i1 {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
}

section.banner .bancon .line1 .middle .screen .focusmain .focusslider .wrapper .slider .slidebtn:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

section.banner .bancon .line1 .right {
  position: relative;
  float: right;
  width: 190px;
  height: 480px;
  z-index: 1;
}

section.banner .bancon .line1 .right .user {
  height: 102px;
  margin-top: 10px;
  overflow: hidden;
}

section.banner .bancon .line1 .right img {
  width: 100%;
  height: 100%;
}

/* banner 结束 */
/* 内容 开始 */
section.maincontent {
  background-color: #f4f4f4;
}

section.maincontent article.line1 {
  position: relative;
  outline: none;
  z-index: 10;
}

section.maincontent article.line1 div.line1 {
  height: 260px;
  margin-bottom: 20px;
}

section.maincontent article.line1 div.line1 .con1 {
  background-color: white;
  height: 100%;
  overflow: hidden;
}

section.maincontent article.line1 div.line1 .con1 .cut {
  position: relative;
  float: left;
  width: 190px;
  height: 100%;
  color: #fff;
  background-color: #e83632;
  background-image: url(../images/second.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

section.maincontent article.line1 div.line1 .con1 .cut .title {
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  margin-top: 31px;
}

section.maincontent article.line1 div.line1 .con1 .cut div .timetxt {
  margin-top: 90px;
  font-size: 14px;
  text-align: center;
}

section.maincontent article.line1 div.line1 .con1 .cut div .timetxt strong {
  font-size: 18px;
  padding-right: 2px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -1px;
  font-weight: bolder;
}

section.maincontent article.line1 div.line1 .con1 .cut div .timebox {
  margin: 0px auto;
  width: 130px;
  height: 30px;
  margin-top: 10px;
  display: block;
}

section.maincontent article.line1 div.line1 .con1 .cut div .timebox span {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #2f3430;
  margin-right: 20px;
  color: white;
  font-size: 20px;
}

section.maincontent article.line1 div.line1 .con1 .cut div .timebox span.maohao::after {
  content: ":";
  display: block;
  position: absolute;
  right: -20px;
  font-weight: bolder;
  font-size: 18px;
  width: 20px;
  height: 100%;
  top: 0;
}

section.maincontent article.line1 div.line1 .con1 .cut div .timebox span.wu {
  margin: 0;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox {
  position: relative;
  float: left;
  width: 800px;
  height: 100%;
  overflow: hidden;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist {
  overflow: hidden;
  height: 260px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem {
  width: 4800px;
  height: 260px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li {
  width: 800px;
  height: 260px;
  float: left;
  font-size: 0;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo {
  width: 200px;
  height: 260px;
  display: inline-block;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo .imgbox {
  width: 140px;
  height: 140px;
  margin: 0px auto;
  margin-top: 30px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo .imgbox img {
  width: 100%;
  height: 100%;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo h6 {
  font-size: 12px;
  font-weight: 400;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
  margin: 0px auto;
  margin-top: 13px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo .pricebox {
  border: 1px solid #e1251b;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 24px;
  overflow: hidden;
  background-color: #e1251b;
  width: 160px;
  height: 24px;
  margin: 0px auto;
  margin-top: 7px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo .pricebox .newprice {
  width: 92px;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  float: left;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo .pricebox .newprice i {
  font-size: 12px;
  font-weight: 400;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo .pricebox .newprice::before {
  content: " ";
  width: 0;
  height: 0;
  border-color: transparent white transparent transparent;
  border-style: solid;
  border-width: 22px 8px 0 0;
  position: absolute;
  top: 0;
  left: 84px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo .pricebox .oldprice {
  height: 100%;
  width: 66px;
  float: right;
  background: #fff;
  text-align: center;
  color: #999;
  font-size: 12px;
  line-height: 22px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: line-through;
  vertical-align: top;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo:hover h6 {
  color: #c81623;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .sliderlist .seckillitem li .iteminfo:hover .imgbox {
  opacity: 0.9;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider button.leftbtn {
  left: 0;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider button.leftbtn .i1 {
  left: -3px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider button.rightbtn {
  right: 0;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider button.rightbtn .i1 {
  right: -3px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .slidebtn {
  position: absolute;
  top: 50%;
  border-radius: 0;
  width: 25px;
  height: 35px;
  line-height: 35px;
  background-color: #d9d9d9;
  background-color: rgba(0, 0, 0, 0.15);
  margin-top: -20px;
  font-size: 20px;
  z-index: 2;
  border: none;
  outline: none;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .slidebtn .i1 {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  font-size: 12px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbox .slider .slidebtn:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand {
  position: relative;
  float: left;
  width: 200px;
  height: 260px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a {
  position: relative;
  height: 240px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a .brandimg {
  width: 120px;
  height: 120px;
  margin: 0px auto;
  margin-top: 20px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a .brandimg .imgbox {
  position: relative;
  overflow: hidden;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a .brandimg .imgbox img {
  width: 100%;
  height: 100%;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a .brandimg .imgbox img:hover {
  opacity: 0.9;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a .brandtxt {
  text-align: center;
  font-size: 14px;
  width: 100%;
  height: 90px;
  margin-top: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(220, 224, 236, 0.5)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(220, 224, 236, 0.5));
  position: relative;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a .brandtxt p:nth-of-type(1) {
  color: #666;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a .brandtxt p:nth-of-type(2) {
  color: #333;
  font-weight: 700;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a .brandtxt .brand1 {
  color: #e1251b;
  border-radius: 14px;
  width: 82px;
  height: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  line-height: 22px;
  font-weight: 700;
  padding-left: 4px;
  font-size: 12px;
  border: 1px solid #e1251b;
  margin-top: 4px;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a .brandtxt .brand1 .i1 {
  font-size: 12px;
}

section.maincontent article.line1 div.line1 .con1 .seckillbrand a .brandtxt .brand1:hover {
  background-color: #e1251b;
  color: white;
}

section.maincontent article.line2 div.line2 {
  height: 340px;
  margin-bottom: 20px;
}

section.maincontent article.line2 div.line2 .pub {
  float: left;
  height: 340px;
  margin: 0 10px 0 0;
  width: 590px;
  background-color: #fff;
}

section.maincontent article.line2 div.line2 .pub .buyhd {
  height: 60px;
  padding: 0 20px;
  font-size: 0;
  line-height: 0;
}

section.maincontent article.line2 div.line2 .pub .buyhd a {
  display: inline-block;
  position: relative;
  height: 32px;
  margin: 12px 0 0;
  color: #e83632;
}

section.maincontent article.line2 div.line2 .pub .buyhd a h3 {
  float: left;
  font-weight: 700;
  font-size: 24px;
  color: #333;
  line-height: 32px;
}

section.maincontent article.line2 div.line2 .pub .buyhd a i.i1 {
  width: 16px;
  height: 16px;
  position: relative;
  float: left;
  top: 16px;
  left: 10px;
  font-size: 20px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner {
  padding: 0 15px 15px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabhd {
  position: absolute;
  bottom: 102%;
  right: 0;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabhd .hditem {
  position: relative;
  display: inline-block;
  margin: 0 13.5px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabhd .hditem a {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
  color: #999;
  line-height: 19px;
  padding-bottom: 2px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabhd .hditem:last-child {
  margin-right: 0px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabhd .active a {
  color: #e1251b;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabhd div.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e1251b;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem {
  width: 560px;
  height: 270px;
  display: none;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist {
  width: 560px;
  height: 270px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods1 {
  background-color: rgba(109, 126, 146, 0.05);
  float: left;
  width: 170px;
  height: 265px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: top;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods1 a {
  position: relative;
  display: inline-block;
  width: 170px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods1 a .imgbox {
  margin-top: 46px;
  width: 120px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  left: 50%;
  margin-left: -60px;
  height: 120px;
  text-align: center;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods1 a .imgbox img {
  width: 100%;
  height: 100%;
  opacity: 1;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods1 a .lowest {
  display: inline-block;
  width: 90px;
  height: 24px;
  position: absolute;
  left: 0;
  background-image: url(../images/lowest.png);
  background-size: cover;
  background-position: 50%;
  font-family: MicrosoftYaHei-Bold, Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  letter-spacing: 0;
  text-align: center;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods1 a .message {
  margin-left: 0;
  width: 100%;
  text-align: center;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods1 a .message .goodsname {
  margin-top: 9px;
  margin-bottom: 4px;
  height: 19px;
  line-height: 19px;
  width: 150px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods1 a .message .pricebox {
  margin-top: 4px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods1 a .message .pricebox .newprice {
  display: inline;
  margin: 0 2px;
  line-height: 16px;
  font-family: Arial-BoldMT, Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
  color: #e1251b;
  font-weight: 700;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods1 a .message .pricebox .oldprice {
  display: inline;
  margin: 0 2px;
  width: 100%;
  text-decoration: line-through;
  font-family: sans-serif, serif;
  color: #999;
  font-size: 12px;
  line-height: 14px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods2,
section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods3 {
  margin-top: 18px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods2,
section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods3,
section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods4,
section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .goods5 {
  margin-left: 19px;
  margin-bottom: 48px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .specgoods {
  display: inline-block;
  vertical-align: top;
  width: 170px;
  height: 89px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .specgoods a {
  position: relative;
  display: inline-block;
  width: 170px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .specgoods a .imgbox {
  float: left;
  width: 84px;
  height: 84px;
  position: relative;
  overflow: hidden;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .specgoods a .imgbox img {
  width: 100%;
  height: 100%;
  opacity: 1;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .specgoods a .lowest {
  display: inline-block;
  overflow: hidden;
  width: 84px;
  height: 16px;
  font-size: 11px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  color: #fff;
  text-align: center;
  line-height: 16px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .specgoods a .message {
  float: left;
  width: 75px;
  margin-left: 6px;
  font-size: 0;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .specgoods a .message .goodsname {
  display: inline-block;
  width: 100%;
  color: #333;
  height: 32px;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .specgoods a .message .pricebox .newprice {
  font-size: 14px;
  line-height: 16px;
  font-family: Arial-BoldMT, Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
  color: #e1251b;
  letter-spacing: 0;
  margin-top: 5px;
  font-weight: 700;
  display: inline-block;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd .bditem .speclist .specgoods a .message .pricebox .oldprice {
  display: inline-block;
  width: 100%;
  text-decoration: line-through;
  font-family: sans-serif, serif;
  color: #999;
  font-size: 12px;
  line-height: 14px;
  margin-top: 2px;
}

section.maincontent article.line2 div.line2 .special .buybd .inner .tabbd div.active {
  display: block;
}

section.maincontent article.line2 div.line2 .lightningbuy {
  margin-right: 0;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container {
  height: 272px;
  padding: 0 20px 0 15px;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a {
  width: 270px;
  height: 265px;
  margin-right: 15px;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a .im1 {
  position: relative;
  width: 70px;
  height: 35px;
  display: block;
  margin: 15px auto 0;
  z-index: 1;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a h6 {
  position: relative;
  color: #333;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  z-index: 1;
  margin-top: 6px;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a .message {
  position: relative;
  text-align: center;
  font-size: 12px;
  color: #666;
  margin-bottom: 13px;
  margin-top: 1px;
  z-index: 1;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a .message .span1 {
  padding-right: 5px;
  position: relative;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a .message .span2 {
  padding-left: 5px;
  position: relative;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a .message .span2 .span22 {
  margin-right: 4px;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a .message .span2 .day {
  display: inline-block;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a .message .span2 .day span {
  margin-right: 4px;
  font-weight: 700;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a .message .span2::before {
  content: " ";
  position: absolute;
  left: 0;
  width: 1px;
  height: 10px;
  top: 3px;
  background-color: rgba(102, 102, 102, 0.4);
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a .im2 {
  width: 130px;
  height: 130px;
  display: block;
  margin: 0 auto;
  position: relative;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container a::after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(188, 163, 141, 0.05)), to(rgba(74, 55, 45, 0.05)));
  background: linear-gradient(180deg, rgba(188, 163, 141, 0.05), rgba(74, 55, 45, 0.05));
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container .others {
  width: 270px;
  float: left;
  height: 312px;
  vertical-align: top;
  margin-top: -40px;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container .others a {
  position: relative;
  text-align: center;
  overflow: hidden;
  float: left;
  width: 135px;
  height: 100px;
  padding: 14px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container .others a div {
  width: 100px;
  height: 50px;
  margin: 0 auto;
  position: relative;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container .others a div img {
  width: 100%;
  height: 100%;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container .others a h6 {
  color: #666;
  margin-top: 6px;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container .others a.wu2::after {
  position: absolute;
  width: 1px;
  height: 60px;
  right: 0;
  top: 50%;
  margin-top: -30px;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(#eeeeee), color-stop(#eeeeee), to(white));
  background: linear-gradient(180deg, white, #eeeeee, #eeeeee, white);
  content: "";
}

section.maincontent article.line2 div.line2 .lightningbuy .buybd .container .others .wu {
  margin-right: 0px;
}

section.maincontent article.line3 div.line3 {
  height: 260px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}

section.maincontent article.line3 div.line3 .nicelogo {
  float: left;
  background: url(../images/nicebg.png);
  background-color: #eee;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 190px;
  height: 260px;
}

section.maincontent article.line3 div.line3 .nicelogo .logo {
  width: 160px;
  height: 90px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(../images/nice-a.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

section.maincontent article.line3 div.line3 .nicelogo .logo .logotxt {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  padding-top: 55px;
  padding-left: 20px;
  padding-bottom: 10px;
  display: block;
}

section.maincontent article.line3 div.line3 .nicelogo .logo .logotxt .i1 {
  width: 20px;
  height: 20px;
  font-size: 20px;
  position: relative;
  margin-left: -4px;
  top: 3px;
  margin-top: -2px;
  display: inline-block;
}

section.maincontent article.line3 div.line3 .nicegoodslist {
  float: right;
  width: 990px;
  background-color: white;
  overflow: hidden;
  margin-left: 10px;
  height: 100%;
  position: relative;
}

section.maincontent article.line3 div.line3 .nicegoodslist .goodslist {
  padding-left: 20px;
  padding-right: 20px;
  height: 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  position: absolute;
}

section.maincontent article.line3 div.line3 .nicegoodslist .goodslist .goodsitem {
  width: 150px;
  display: inline-block;
  margin-right: 50px;
  vertical-align: top;
}

section.maincontent article.line3 div.line3 .nicegoodslist .goodslist .goodsitem .goodstxt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  text-align: center;
  font-size: 14px;
}

section.maincontent article.line3 div.line3 .nicegoodslist .goodslist .goodsitem .imgbox {
  height: 150px;
}

section.maincontent article.line3 div.line3 .nicegoodslist .goodslist .goodsitem .imgbox .goodsimg {
  position: relative;
  overflow: hidden;
}

section.maincontent article.line3 div.line3 .nicegoodslist .goodslist .goodsitem .imgbox .goodsimg img {
  width: 100%;
  height: 100%;
}

section.maincontent article.line3 div.line3 .nicegoodslist .goodslist .top1 {
  margin-top: 50px;
}

section.maincontent article.line3 div.line3 .nicegoodslist .goodslist .top1 .goodstxt {
  margin-bottom: 10px;
}

section.maincontent article.line3 div.line3 .nicegoodslist .goodslist .top2 {
  margin-top: 20px;
}

section.maincontent article.line3 div.line3 .nicegoodslist .goodslist .top2 .goodstxt {
  margin-top: 10px;
}

section.maincontent article.line3 div.line3 .nicegoodslist .scrollbar {
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: calc(100% - 30px);
  height: 3px;
  border-radius: 3px;
  background-color: #f3f3f3;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  visibility: visible;
}

section.maincontent article.line3 div.line3 .nicegoodslist .scrollbtn {
  width: 99px;
  height: 9px;
  border-radius: 4px;
  background-color: #d8d8d8;
  position: absolute;
  top: 50%;
  margin-top: -4.5px;
  cursor: pointer;
}

section.maincontent article.line4 div.line4 {
  height: 340px;
  margin-bottom: 20px;
}

section.maincontent article.line4 div.line4 .newgood {
  width: 290px;
  background-image: url(../images/newgoodbg.png);
  -webkit-filter: progid:dximagetransform.microsoft.alphaimageloader(src="//storage.360buyimg.com/mtd/home/bg1574241534318.png",sizingMethod="scale");
  filter: progid:dximagetransform.microsoft.alphaimageloader(src="//storage.360buyimg.com/mtd/home/bg1574241534318.png",sizingMethod="scale");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}

section.maincontent article.line4 div.line4 .newgood .l4bd {
  overflow: hidden;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider {
  position: relative;
  width: 260px;
  height: 250px;
  margin: 0 auto;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .slidebtn {
  position: absolute;
  top: 50%;
  border-radius: 0;
  width: 25px;
  height: 35px;
  line-height: 35px;
  background-color: #d9d9d9;
  background-color: rgba(0, 0, 0, 0.15);
  margin-top: -50px;
  font-size: 20px;
  z-index: 2;
  border: none;
  outline: none;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .slidebtn .i1 {
  color: #fff;
  font-size: 12px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.8);
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .leftbtn {
  left: -15px;
  border-top-right-radius: 18px;
  border-bottom-right-radius: 18px;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .leftbtn .i1 {
  left: -3px;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .rightbtn {
  right: -15px;
  border-top-left-radius: 18px;
  border-bottom-left-radius: 18px;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .rightbtn .i1 {
  right: -3px;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .wrapperlist {
  overflow: initial;
  height: 250px;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .wrapperlist .sliderlist {
  opacity: 1;
  left: -65px;
  width: 1300px;
  display: block;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .wrapperlist .sliderlist li {
  width: 130px;
  float: left;
  text-align: center;
  height: 100%;
  min-height: 1px;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .wrapperlist .sliderlist li a {
  display: block;
  position: relative;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .wrapperlist .sliderlist li a .imgbox {
  width: 100%;
  height: 140px;
  position: relative;
  overflow: hidden;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .wrapperlist .sliderlist li a .imgbox img {
  width: 100%;
  height: 100%;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .wrapperlist .sliderlist li a .info .name {
  position: relative;
  width: 200px;
  left: -35px;
  line-height: 19px;
  font-size: 14px;
  color: #333;
  font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  filter: alpha(opacity=0);
  margin-top: 20px;
  margin-bottom: 4px;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .wrapperlist .sliderlist li a .info .intro {
  position: relative;
  width: 200px;
  height: 16px;
  left: -35px;
  line-height: 16px;
  letter-spacing: 0;
  font-size: 12px;
  font-family: Microsoft Yahei, PingFangSC-Medium, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif, serif;
  color: #999;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 1;
  filter: alpha(opacity=0);
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .wrapperlist .sliderlist li a .info .price {
  margin-top: 20px;
  font-family: Arial-BoldMT, Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
  font-size: 18px;
  color: #e1251b;
  letter-spacing: 0;
}

section.maincontent article.line4 div.line4 .newgood .l4bd .slider .wrapperlist .sliderlist li a .info .new {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 0;
  width: 48px;
  height: 20px;
  line-height: 20px;
  background-image: url(../images/new.png);
  background-size: cover;
  background-position: 50%;
  color: white;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-family: Arial-BoldMT, Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
}

section.maincontent article.line4 div.line4 .con {
  float: left;
  height: 340px;
  margin: 0 10px 0 0;
  background-color: #fff;
}

section.maincontent article.line4 div.line4 .con .l4hd {
  height: 60px;
  padding: 0 20px;
  font-size: 0;
  line-height: 0;
}

section.maincontent article.line4 div.line4 .con .l4hd a {
  display: inline-block;
  position: relative;
  height: 32px;
  margin: 12px 0 0;
}

section.maincontent article.line4 div.line4 .con .l4hd a h3 {
  float: left;
  font-weight: 700;
  font-size: 24px;
  color: #333;
  line-height: 32px;
}

section.maincontent article.line4 div.line4 .con .l4hd a .i1 {
  width: 16px;
  height: 16px;
  position: relative;
  float: left;
  top: 18px;
  left: 4px;
  color: #c81623;
  font-size: 20px;
}

section.maincontent article.line4 div.line4 .xunbao {
  width: 290px;
}

section.maincontent article.line4 div.line4 .xunbao .tabhead {
  position: absolute;
  height: 40px;
  right: 5px;
  line-height: 0;
  font-size: 0;
  top: -10px;
}

section.maincontent article.line4 div.line4 .xunbao .tabhead .item {
  display: inline-block;
  height: 26px;
  line-height: 40px;
  padding-top: 0;
  font-size: 14px;
}

section.maincontent article.line4 div.line4 .xunbao .tabhead .item a {
  display: inline-block;
  max-width: 70px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #999;
  font-size: 12px;
  background-color: #f6f6f6;
  height: 20px;
  line-height: 20px;
  margin: 0 4px;
  width: 62px;
  text-align: center;
  border-radius: 12px;
  font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
}

section.maincontent article.line4 div.line4 .xunbao .tabhead div.active a {
  background-color: #e1251b;
  color: #fff;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody {
  position: absolute;
  top: 20px;
  margin-top: 10px;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody .bodyitem {
  display: none;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody .bodyitem .goods {
  margin: 0 15px 10px;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody .bodyitem .goods a {
  position: relative;
  display: block;
  height: 70px;
  color: #666;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody .bodyitem .goods a .imgbox {
  display: block;
  width: 70px;
  height: 70px;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody .bodyitem .goods a .imgbox img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody .bodyitem .goods a .iteminfo {
  position: absolute;
  left: 80px;
  top: 0;
  width: 180px;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody .bodyitem .goods a .iteminfo .intro {
  display: block;
  max-height: 2.6em;
  line-height: 1.3em;
  font-size: 14px;
  word-break: break-all;
  color: #333;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-family: Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody .bodyitem .goods a .iteminfo .price {
  margin-top: 10px;
  font-family: Arial-BoldMT, Microsoft Yahei, PingFangSC-Medium, sans-serif, serif;
  font-size: 16px;
  color: #e1251b;
  letter-spacing: 0;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody .bodyitem .goods a .iteminfo .price span i {
  font-size: 12px;
  font-weight: 400;
}

section.maincontent article.line4 div.line4 .xunbao .tabbody div.active {
  display: block;
}

section.maincontent article.line4 div.line4 .goodstore {
  width: 290px;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain {
  padding: 0 15px;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 260px;
  height: 128px;
  padding: 15px 125px 15px 15px;
  margin-bottom: 10px;
  display: block;
  position: relative;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain a .niceinfo .nicetitle {
  max-height: 38px;
  line-height: 1.3em;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain a .niceinfo .tags {
  margin-top: 5px;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain a .niceinfo .tags .tag {
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
  padding: 0 2px;
  height: 18px;
  line-height: 17px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid transparent;
  margin-right: 5px;
  display: inline-block;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain a .niceinfo .tags .tag1 {
  color: #e2231a;
  border-color: #e2231a;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain a .niceinfo .tags .tag2 {
  color: #596fab;
  border-color: #596fab;
  margin-right: 0px;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain a .niceinfo .care {
  color: #999;
  font-size: 12px;
  position: absolute;
  bottom: 15px;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain a .imgbox {
  width: 100px;
  height: 100px;
  position: absolute;
  right: 10px;
  top: 15px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain a .imgbox img {
  width: 100%;
  height: 100%;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain .a1 {
  background-image: url(../images/a1bg.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

section.maincontent article.line4 div.line4 .goodstore .nicecontain .a2 {
  background-image: url(../images/a2bg.png);
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

section.maincontent article.line4 div.line4 div.papercenter {
  width: 290px;
  margin-right: 0;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd {
  background: url(../images/center.png) no-repeat bottom;
  overflow: hidden;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox {
  padding: 0 15px;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner {
  height: 280px;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem {
  position: relative;
  overflow: hidden;
  margin-bottom: 3px;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper {
  display: block;
  overflow: hidden;
  height: 82px;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .maincon .imgbox {
  float: left;
  margin: 8px 0 0 7px;
  width: 50px;
  height: 50px;
  padding: 8px;
  border-radius: 50%;
  -webkit-transition: opacity 0.2s ease;
  background: #fff !important;
  transition: opacity 0.2s ease;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .maincon .imgbox img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .maincon .infomation {
  padding-top: 5px;
  margin-left: 80px;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .maincon .infomation .price {
  font-family: impact, sans-serif;
  display: block;
  height: 34px;
  line-height: 34px;
  color: #e33333;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .maincon .infomation .price i {
  margin-right: 3px;
  font-family: arial, sans-serif;
  font-weight: 400;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .maincon .infomation .price span {
  font-size: 28px;
  margin-right: 3px;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .maincon .infomation .limit {
  color: #999;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .maincon .infomation .info {
  width: 140px;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .more {
  position: absolute;
  height: 100%;
  line-height: 82px;
  margin-right: 32px;
  font-size: 12px;
  color: #666;
  top: 0;
  right: 0;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .more .div1 {
  display: inline-block;
  width: 1px;
  line-height: 15px;
  vertical-align: middle;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .more .div2 {
  position: absolute;
  right: -28px;
  top: 0;
  font-family: iconfont, sans-serif;
  font-size: 12px;
}

section.maincontent article.line4 div.line4 div.papercenter .l4bd .centerbox .inner .paperitem .paper .more:hover {
  color: #c81623;
}

section.maincontent .squarebox .squarecon {
  width: 100%;
  height: 1005px;
  margin-bottom: 20px;
  overflow: hidden;
}

section.maincontent .squarebox .squarecon .shd {
  height: 65px;
}

section.maincontent .squarebox .squarecon .shd .hdinner {
  margin: 0 auto;
  width: 1190px;
}

section.maincontent .squarebox .squarecon .shd .hdinner h3 {
  position: relative;
  width: 150px;
  height: 45px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  line-height: 45px;
  padding: 0 30px;
  margin: 0 auto 20px;
  overflow: hidden;
  color: #333;
}

section.maincontent .squarebox .squarecon .shd .hdinner h3::before {
  background-image: url(../images/sprite.png);
  width: 25px;
  height: 20px;
  background-position: 0 0;
  left: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

section.maincontent .squarebox .squarecon .shd .hdinner h3::after {
  background-image: url(../images/sprite.png);
  width: 25px;
  height: 20px;
  background-position: -25px 0;
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

section.maincontent .squarebox .squarecon .square .squareinner {
  width: 1200px;
}

section.maincontent .squarebox .squarecon .square .squareinner .item {
  background: #fff;
  width: 290px;
  height: 180px;
  margin-right: 10px;
  margin-bottom: 10px;
}

section.maincontent .squarebox .squarecon .square .squareinner .item .atitle {
  display: block;
  height: 30px;
  margin-left: 30px;
  margin-right: 10px;
  padding-top: 17px;
  padding-bottom: 13px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

section.maincontent .squarebox .squarecon .square .squareinner .item .atitle .span1 {
  font-size: 22px;
  font-weight: 700;
  color: #333;
}

section.maincontent .squarebox .squarecon .square .squareinner .item .atitle .span2 {
  font-size: 14px;
  color: #999;
  margin-left: 5px;
}

section.maincontent .squarebox .squarecon .square .squareinner .item .itemimg {
  font-size: 0;
  line-height: 0;
  padding-left: 30px;
}

section.maincontent .squarebox .squarecon .square .squareinner .item .itemimg .aimg {
  position: relative;
  display: inline-block;
  margin-right: 30px;
}

section.maincontent .squarebox .squarecon .square .squareinner .item .itemimg .aimg .imgbox {
  display: inline-block;
  width: 100px;
  height: 100px;
}

section.maincontent .squarebox .squarecon .square .squareinner .item .itemimg .aimg .imgbox img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

section.maincontent .squarebox .squarecon .square .squareinner .item1,
section.maincontent .squarebox .squarecon .square .squareinner .item2 {
  height: 370px;
  width: 290px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #fff;
}

section.maincontent .squarebox .squarecon .square .squareinner .item1 .aa,
section.maincontent .squarebox .squarecon .square .squareinner .item2 .aa {
  height: 370px;
  width: 290px;
  display: inline-block;
  position: relative;
}

section.maincontent .squarebox .squarecon .square .squareinner .item1 .aa .imgbox,
section.maincontent .squarebox .squarecon .square .squareinner .item2 .aa .imgbox {
  width: 100%;
  height: 100%;
}

section.maincontent .squarebox .squarecon .square .squareinner .item1 .aa .imgbox img,
section.maincontent .squarebox .squarecon .square .squareinner .item2 .aa .imgbox img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

section.maincontent .recommend .moregoods .shd {
  height: 65px;
}

section.maincontent .recommend .moregoods .shd .hdinner {
  margin: 0 auto;
  width: 1190px;
}

section.maincontent .recommend .moregoods .shd .hdinner h3 {
  position: relative;
  width: 150px;
  height: 45px;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  line-height: 45px;
  padding: 0 30px;
  margin: 0 auto 20px;
  overflow: hidden;
  color: #333;
}

section.maincontent .recommend .moregoods .shd .hdinner h3::before {
  background-image: url(../images/sprite.png);
  width: 25px;
  height: 20px;
  background-position: 0 0;
  left: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

section.maincontent .recommend .moregoods .shd .hdinner h3::after {
  background-image: url(../images/sprite.png);
  width: 25px;
  height: 20px;
  background-position: -25px 0;
  right: 0;
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -10px;
}

section.maincontent .recommend .moregoods .tabnav {
  background: #fff;
  margin-bottom: 10px;
}

section.maincontent .recommend .moregoods .tabnav .navhead {
  margin: 0 auto;
  height: 60px;
  width: 1080px;
}

section.maincontent .recommend .moregoods .tabnav .navhead .navitem {
  position: relative;
  float: left;
  width: 180px;
  height: 60px;
  text-align: center;
  cursor: pointer;
}

section.maincontent .recommend .moregoods .tabnav .navhead .navitem .navname {
  color: #333;
  margin-top: 7px;
  font-size: 16px;
  font-weight: 700;
  line-height: 27px;
  height: 27px;
}

section.maincontent .recommend .moregoods .tabnav .navhead .navitem .navdesc {
  color: #999;
  font-size: 14px;
}

section.maincontent .recommend .moregoods .tabnav .navhead .navitem .xian {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  margin: 10px 0;
  width: 1px;
  background: #dfdfdf;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(51%, #dfdfdf), to(white));
  background: linear-gradient(180deg, white, #dfdfdf 51%, white);
}

section.maincontent .recommend .moregoods .tabnav .navhead li.current .navdesc {
  color: #e1251b;
  font-size: 14px;
}

section.maincontent .recommend .moregoods .tabnav .navhead li.current .navname span {
  background: #e1251b;
  color: #fff;
  width: 70px;
  height: 27px;
  display: inline-block;
  border-radius: 50px;
  padding: 0 5px;
}

section.maincontent .recommend .moregoods .goodslist .goodscon {
  height: 1200px;
}

section.maincontent .recommend .moregoods .goodslist .goodscon div.current {
  display: block;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox {
  margin: 0 -5px;
  height: 1200px;
  display: none;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods {
  position: relative;
  float: left;
  width: 230px;
  height: 322px;
  margin: 0 5px 10px;
  background-color: #fff;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods {
  display: inline-block;
  width: 100%;
  height: 100%;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsimg {
  width: 150px;
  height: 150px;
  margin: 30px auto 40px;
  display: block;
  position: relative;
  overflow: hidden;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsimg img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsinfo {
  clear: both;
  line-height: 24px;
  padding: 0 20px;
  height: 65px;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsinfo .info {
  height: 48px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #666;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsinfo .info .goodtag {
  background-color: #e1251b;
  border-radius: 2px;
  color: #fff;
  padding: 0 5px;
  margin-right: 4px;
  line-height: 16px;
  height: 16px;
  font-size: 12px;
  display: inline-block;
  font-family: Helvetica Neue, Hiragino Sans GB, SimSun, serif;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsinfo .info .international {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 8px;
  width: 54px;
  height: 16px;
  background-size: cover;
  background-image: url(../images/international.png);
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsinfo .goodsprice {
  margin-top: 10px;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsinfo .goodsprice .price {
  float: left;
  width: 75px;
  text-align: left;
  display: inline-block;
  font-size: 16px;
  line-height: 18px;
  height: 18px;
  color: #e1251b;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsinfo .goodsprice .price i {
  vertical-align: middle;
  font-size: 12px;
  font-weight: 700;
  font-family: MicrosoftYahei-regular, Arial, Helvetica, sans-serif;
  margin-right: 3px;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsinfo .goodsprice .price .num {
  font-size: 20px;
  font-weight: 700;
  font-family: arial, sans-serif;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodsinfo .goodsprice .price .num span {
  font-weight: 700;
  font-family: arial, sans-serif;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodshover .delete {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  display: none;
  opacity: 0;
  background: url(../images/delete.png) no-repeat;
  background-size: 16px;
  background-position: 50%;
  cursor: pointer;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodshover .delete:hover {
  border-radius: 50%;
  background-color: #c81623;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodshover .like {
  position: absolute;
  bottom: 8px;
  left: 0;
  width: 100%;
  height: 66px;
  text-align: center;
  display: none;
  opacity: 0;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), color-stop(35%, white), to(white));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0, white 35%, white);
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodshover .like .eye {
  height: 28px;
  width: 120px;
  display: inline-block;
  font-size: 12px;
  border: 1px solid #353131;
  border-radius: 15px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  margin-left: 10px;
  margin-top: 18px;
  background-color: #333;
  color: #fff !important;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodshover .like .eye i.i1 {
  vertical-align: middle;
  display: inline-block;
  margin-top: -4px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 4px;
  color: #bbb;
  font-size: 14px;
  font-weight: 600;
}

section.maincontent .recommend .moregoods .goodslist .goodsbox .moregoods .goods .goodshover .like .eye:hover {
  background-color: #c81623;
  border: 1px solid #c81623;
}

section.maincontent div.elevatorfixed {
  position: fixed;
}

/* 内容 结束 */
/* footer 头部 开始 */
footer {
  height: 600px;
}

footer .fcolor1 {
  height: 564px;
  background: #eaeaea;
}

footer .fcolor2 {
  height: 36px;
  background: #fff;
}

footer .fline1 {
  height: 102px;
  box-sizing: border-box;
}

footer .fconbox1 {
  padding: 30px 50px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

footer .fimgtxt {
  height: 42px;
  display: flex;
  align-items: center;
}

footer .fimg {
  width: 36px;
  height: 42px;
}

footer .f-fimg1 {
  background: url(../images/ico_service.png) no-repeat 0px 0px;
}

footer .f-fimg2 {
  background: url(../images/ico_service.png) no-repeat 0px -43px;
}

footer .f-fimg3 {
  background: url(../images/ico_service.png) no-repeat 0px -86px;
}

footer .f-fimg4 {
  background: url(../images/ico_service.png) no-repeat 0px -129px;
}

footer .ftxt {
  font-size: 18px;
  font-weight: 700;
  color: #444;
}

footer .fline2 {
  height: 222px;
  box-sizing: border-box;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

footer .fconbox2 {
  height: 200px;
  display: flex;
  padding: 30px 55px 31px;
  box-sizing: border-box;
  justify-content: space-between;
}

footer .fconbox2 dl dt {
  font-size: 14px;
  color: #777;
  height: 22px;
  padding-bottom: 10px;
  font-weight: bold;
}

footer .fconbox2 dl dd {
  font-size: 12px;
  height: 22px;
}

footer .fconbox2 dl dd a {
  color: #666;
}

footer .fconbox2 dl dd:hover a {
  color: #f30213;
}

footer .fline3 {
  height: 240px;
}

footer .fconbox3 {
  padding: 18px 50px 30px;
  box-sizing: border-box;
}

footer .flist1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

footer .flist1 li a {
  color: #666;
}

footer .flist1 li span {
  color: #d5cecc;
  padding-left: 9px;
}

footer .flist2 {
  display: flex;
  justify-content: center;
  margin-bottom: 6px;
}

footer .flist2 li {
  color: #999;
}

footer .flist2 li a {
  color: #999;
}

footer .flist2 li span {
  color: #d5cecc;
  padding: 0 9px;
}

footer .fconbox3 ul li a:hover {
  color: #f30213;
}

footer .flist2 li a img {
  width: 14px;
  height: 14px;
  padding-right: 9px;
}

footer .flist2 li {
  display: flex;
}

footer .fbtn {
  width: 103px;
  height: 32px;
}

footer .imgbtn1 {
  background: url(../images/new_footer.png) no-repeat -104px 0px;
}

footer .imgbtn2 {
  background: url(../images/new_footer.png) no-repeat 0px -33px;
}

footer .imgbtn3 {
  background: url(../images/new_footer.png) no-repeat -104px -33px;
}

footer .imgbtn4 {
  background: url(../images/new_footer.png) no-repeat 0px -66px;
}

footer .imgbtn5 {
  background: url(../images/new_footer.png) no-repeat -104px -66px;
}

footer .flist3 {
  display: flex;
  justify-content: center;
}

footer .fbtn a {
  display: block;
  width: 103px;
  height: 32px;
}

div.elevator {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 615px;
  z-index: 100;
}

div.elevator .elelist {
  overflow: hidden;
}

div.elevator .elelist li a {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  line-height: 19px;
  font-size: 14px;
  color: #333;
  padding: 10px;
  text-align: center;
  background: #fff;
  z-index: 1;
}

div.elevator .elelist li a .eletxt .sp1 {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 2;
  background: transparent;
}

div.elevator .elelist li a .eletxt .sp2 {
  position: relative;
  z-index: 3;
}

div.elevator .elelist li a::after {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 1px;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
  background: linear-gradient(270deg, white, #eeeeee, #eeeeee, white);
  z-index: 1;
  content: "";
}

div.elevator .elelist li a:hover .sp1 {
  background: #c81623;
}

div.elevator .elelist li.current a {
  color: #e1251b;
}

div.elevator .elelist li:hover a {
  color: #fff;
}

div.elevator .back {
  visibility: visible;
  background-color: #fff;
  opacity: 1;
  text-align: center;
  display: none;
  height: 50px;
  padding-top: 10px;
  color: #e1251b;
}

div.elevator .back .spa1 {
  display: block;
  height: 22px;
  line-height: 22px;
  font-family: iconfont, sans-serif;
  font-size: 20px;
}

div.elevator .back .spa2 {
  display: block;
  height: 18px;
  line-height: 18px;
  font-size: 14px;
}

div.elevator .show {
  display: block;
}

div.elevator .back:hover {
  background: #c81623;
  color: #fff;
}

/* footer 头部 结束 */
